@charset "UTF-8";
@import "mb.scss";
@import "ReactPullLoad.scss";
.div1{
    height:Rm(200);
    border:1px solid red;
}

// @mixin wh($w,$h,$lh){
//     width:Rm($w);
//     height:Rm($h);
// }
// .div1 {
//     @include wh(10,10,33)
// }
.resume {
    .empty {
        height: 100px;
        background: red;
        color:#fff;
        cursor: pointer;
        display: none;
    }
    .biaodan {
        border:1px solid red;
        display: none;
    }
    .show_info {
        border:1px solid blue;
        display: none;
    }
    &._empty {
        .empty {
            display: block;
        }
    }
    &._biaodan {
        .biaodan {
            display: block;
        }
    }
    &._show_info {
        .show_info {
            display: block;
        }
    }
}
.mxbox {
    width:500px;
    height:500px;
    border:1px solid red;
    display:flex;
    position: relative;
    margin:0 auto;
    div {
        font-size:14px;
    }
    .mbox1{
        color:#fff;
        width:120px;
        background: red;
        position: absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        margin:auto;
    }
    .mbox2{
        color:#fff;
        width:120px;
        margin:auto;
        background: red;
        position: absolute;
        left:50%;
        top:50%;
        margin:0 -60px;
    }
    .mbox3{
        color:#fff;
        width:120px;
        margin:auto;
        background: red;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }
    .mbox4{
        color:#fff;
        width:120px;
        margin:auto;
        background: red;
    }
}

//
